<template>
  <div class="block">
    <el-dialog :modelValue="visibleFlag" title="编辑数据" width="500px" @closed="blockDataClose">
      这里写你自己的内容，如果需要数据还需要传入数据(参考编辑弹窗)
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="handleCancel">取消</el-button>
          <el-button type="primary" @click="handleSave"> 保存 </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>

<script setup lang="ts">
const props = defineProps({
  visibleFlag: {
    required: true,
    type: Boolean,
    default: false
  }
});

const emit = defineEmits(['close']);

const handleCancel = () => {
  emit('close');
};
const handleSave = async () => {
  emit('close');
};
const blockDataClose = async () => {
  emit('close');
};
</script>

<style scoped lang="scss">
.formEdit {
  .el-input {
    --el-input-width: 200px;
  }

  .el-select {
    --el-select-width: 200px;
  }
}
</style>
